.roundBorder{
    width:100px;
    height:100px;
    position: absolute;
    top:50%;left:50%;
    margin-left:-50px;
    margin-top: -50px;
    border:5px solid #ff298c;
    border-radius: 50%;
    border-top-color: transparent;
    animation: round 2s infinite linear;
}

@keyframes round{
    0%{transform: rotate(0deg)}
    50%{transform: rotate(-180deg)}
    100%{transform: rotate(-360deg)}
}

.roundBorder>div{
    width:80px;
    height:80px;
    background-color: #ff298c;
    border-radius: 50%;
    position: absolute;
    top:50%;left:50%;
    margin-left:-40px;
    margin-top:-40px;
}

.roundCon1>div:first-child{
    width:80px;
    height:80px;
    background-color: #fb8bbc;
    border-radius: 50%;
    position: absolute;
    top:0%;left:0%;
    animation: around1 2s infinite linear;
}

@keyframes round1{
    0%{transform: rotate(360deg)}
    100%{transform: rotate(0deg)}
}